/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[13].use[5]!./src/styles/dwi-circle-graph.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dwi-circle-graph {
  direction: ltr;
}
.dwi-circle-graph .circle-container:not(.circle2) {
  left: 52%;
  transform: translateY(-50%) scaleX(-1);
}
.dwi-circle-graph .circle-container.circle2 {
  right: 52%;
  transform: translateY(-50%);
}
.dwi-circle-graph .circle-container img.disable {
  pointer-events: none;
}
@media (min-width: 1535px) {
  .dwi-circle-graph .dwi-graph-image-block {
    width: 78%;
  }
}
@media (min-width: 1679px) {
  .dwi-circle-graph .dwi-graph-image-block {
    width: 89%;
  }
}
@media (min-width: 1919px) and (min-height: 960px) {
  .dwi-circle-graph .dwi-graph-image-block {
    width: 69%;
  }
}
@media (min-width: 200px) and (min-height: 1000px) {
  .dwi-circle-graph .dwi-graph-image-block {
    width: 77%;
  }
}
@media (max-width: 768px) {
  .dwi-circle-graph .dwi-graph-image-block {
    width: 100%;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[13].use[5]!./src/styles/dwi-index.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/